<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2d转换</title>
  <style>
      .box{
         width: 100px;
         height: 100px;
         border: 1px solid;

        transform: rotate(30deg);

      }
  </style>
</head>
<body>

<div class="box">

</div>

</body>
</html>